<template>
	<view class="container">
		<view class="top-title">
			请选择登记类型
			<view class="tip">
				科学有序防止疫情
			</view>
		</view>
		<view class="function-box" @click="navTo('/pages/epidemic/addEgressRecord')">
			<image src="https://cdjjyl.com.cn/images/yqfk/wc.png" mode="heightFix" style="height: 100%;margin-left: 50upx;"></image>
			<view class="function-text">外出登记</view>
		</view>
		<view class="function-box" @click="navTo('/pages/epidemic/addRegistration')">
			<image src="https://cdjjyl.com.cn/images/yqfk/fx.png" mode="heightFix" style="height: 100%;margin-left: 50upx;"></image>
			<view class="function-text">返乡登记</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			navTo(url) {
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		width: 100%;
		height: 100vh;
	}

	.container {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.top-title{
		height: 120upx;
		line-height: 60upx;
		margin-top: 80upx;
		font-size: 46upx;
		margin-left: 40upx;
		font-weight: bold;
		
		.tip{
			font-size: 26upx;
			height: 30upx;
			line-height: 50upx;
			font-weight: normal;
			color:#449AFF
		}
	}

	.function-box {
		padding:30upx;
		margin: 50upx 30upx 30upx 30upx;
		background-color: #F5F6FB;
		height: 240upx;
		border-radius: 20upx;
		display: flex;
		flex-direction: row;
		
		.function-text{
			margin-left: 60upx;
			height: 240upx;
			line-height: 180upx;
			font-size: 40upx;
			font-weight: bold;
		}
	}

</style>
